<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大唐艺术家</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/iconfont/iconfont.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="dist/css/swiper.min.css">
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="dist/js/swiper.jquery.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <div id="header">
        <div class="header_bar">
            <div class="web_inner">
                <div class="float_l">
                    <a href="javascript:;" class="float_l curr">大唐艺术网首页</a>
                    <a href="javascript:;" class="float_l">设为首页</a>
                    <a href="javascript:;" class="float_l">加入收藏</a>
                </div>
                <div class="float_r">
                    <a href="javascript:;" class="float_l">客服热线：010-12345678</a>
                    <a href="javascript:;" class="float_l">登录</a>
                    <a href="javascript:;" class="float_l">免费注册</a>
                </div>
            </div>
        </div>
        <div class="index_header">
            <div class="web_inner">
                <div class="logo float_l">
                    <img src="images/logo.jpg" alt="">
                </div>
                <ul class="nav_bar float_r">
                    <li class="nav_item">
                        <a href="javascript:;" class="title">首页</a><br>
                    </li>    
                    <li class="nav_item">
                        <a href="javascript:;" class="title">艺讯</a>
                        <ul class="nav_sun">
                            <li><a href="javascript:;">美术综合</a></li>
                            <li><a href="javascript:;">拍卖资讯</a></li>
                            <li><a href="javascript:;">集藏信息</a></li>
                            <li><a href="javascript:;">艺术市场</a></li>
                            <li><a href="javascript:;">艺术交流</a></li>
                            <li><a href="javascript:;">访谈评论</a></li>
                            <li><a href="javascript:;">展览资讯</a></li>
                            <li><a href="javascript:;">美术大家</a></li>
                        </ul>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">艺术家</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">艺品</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">展览</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">拍卖</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">视频</a>
                    </li>
                    <li class="nav_item">
                        <a href="javascript:;" class="title">专题</a>
                    </li>
                    <li class="nav_item curr">
                        <a href="javascript:;" class="title">电子画册</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="content">
        <img src="images/art_banner.jpg">
        <div class="status_curr web_inner s">
            活跃艺术家 <span class="green">238</span> 位  共收录 <span class="green">268</span> 位
            <div class="search-box">
                <input type="text" name="" placeholder="艺术家">
                <button class="btn">搜索</button>
            </div>
        </div>
        <div id="index_floor_box" class="web_inner">
            <div class="web_content product-class">
                <div class="left">
                    <div class="item">
                        <div class="t">所选标签</div>
                        <div class="tags">
                            
                        </div>
                    </div>
                    <div class="item">
                        <div class="t">所在地</div>
                        <div class="tags">
                            <a href="javascript:;" class="curr">全部</a>
                            <a href="javascript:;">北京</a>
                            <a href="javascript:;">天津</a>
                            <a href="javascript:;">上海</a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="t">所在领域</div>
                        <div class="tags">
                            <a href="javascript:;" class="curr">全部</a>
                            <a href="javascript:;">未开始</a>
                            <a href="javascript:;">已开始</a>
                            <a href="javascript:;">已结束</a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="t">院校</div>
                        <div class="tags">
                            <a href="javascript:;" class="curr">全部</a>
                            <a href="javascript:;">北京</a>
                            <a href="javascript:;">天津</a>
                            <a href="javascript:;">上海</a>
                        </div>
                    </div>
                    <div class="item">
                        <div class="t">拼音检索</div>
                        <div class="tags">
                            <a href="javascript:;" class="curr">全部</a>
                            <a href="javascript:;">A</a>
                            <a href="javascript:;">B</a>
                            <a href="javascript:;">C</a>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <span class="btn">清除筛查条件</span>
                </div>
            </div>

            <div class="left-cont">
                <div class="list_title">
                    活跃艺术家 <span class="green">378</span> 位
                </div>
                <ul class="huoyue_list">
                    <li>
                        <a class="thumb">
                            <img src="images/author-01.jpg">
                        </a>
                        <div class="cont">
                            <p class="name">孔乙己 <span class="btns"><span class="btn iconfont icon-yanjing">关注</span><span class="btn iconfont icon-shouye">官网</span></span></p>
                            <p class="addr">山东济南</p>
                            <p class="tg">国画</p>
                        </div>
                        <div class="zuop">
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                        </div>
                    </li>
                    <li>
                        <a class="thumb">
                            <img src="images/author-01.jpg">
                        </a>
                        <div class="cont">
                            <p class="name">孔乙己 <span class="btns"><span class="btn iconfont icon-yanjing">关注</span><span class="btn iconfont icon-shouye">官网</span></span></p>
                            <p class="addr">山东济南</p>
                            <p class="tg">国画</p>
                        </div>
                        <div class="zuop">
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                        </div>
                    </li>
                    <li>
                        <a class="thumb">
                            <img src="images/author-01.jpg">
                        </a>
                        <div class="cont">
                            <p class="name">孔乙己 <span class="btns"><span class="btn iconfont icon-yanjing">关注</span><span class="btn iconfont icon-shouye">官网</span></span></p>
                            <p class="addr">山东济南</p>
                            <p class="tg">国画</p>
                        </div>
                        <div class="zuop">
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                        </div>
                    </li>
                    <li>
                        <a class="thumb">
                            <img src="images/author-01.jpg">
                        </a>
                        <div class="cont">
                            <p class="name">孔乙己 <span class="btns"><span class="btn iconfont icon-yanjing">关注</span><span class="btn iconfont icon-shouye">官网</span></span></p>
                            <p class="addr">山东济南</p>
                            <p class="tg">国画</p>
                        </div>
                        <div class="zuop">
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                        </div>
                    </li>
                    <li>
                        <a class="thumb">
                            <img src="images/author-01.jpg">
                        </a>
                        <div class="cont">
                            <p class="name">孔乙己 <span class="btns"><span class="btn iconfont icon-yanjing">关注</span><span class="btn iconfont icon-shouye">官网</span></span></p>
                            <p class="addr">山东济南</p>
                            <p class="tg">国画</p>
                        </div>
                        <div class="zuop">
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                            <a class="thu">
                                <img src="images/author-01.jpg">
                            </a>
                        </div>
                    </li>
                </ul>

                <div class="pages">
                    <a href="javascript:;" class="iconfont icon-zuo"></a>
                    <a href="javascript:;" class="curr">1</a>
                    <a href="javascript:;">2</a>
                    <a href="javascript:;">3</a>
                    <a href="javascript:;" class="iconfont icon-zuo1"></a>
                    <span>显示1至12条，共16条记录</span>
                </div>
            </div>
            <div class="right-cont">
                <div class="list_title">
                    <span class="title">艺术家推荐</span>
                </div>
                <ul class="yishuj_list clear">
                    <li>
                        <a class="thumb"><img src="images/author-01.jpg"></a>
                        <p class="green">孔子 · 书法家</p>
                    </li>
                    <li>
                        <a class="thumb"><img src="images/author-01.jpg"></a>
                        <p class="green">孔子 · 书法家</p>
                    </li>
                    <li>
                        <a class="thumb"><img src="images/author-01.jpg"></a>
                        <p class="green">孔子 · 书法家</p>
                    </li>
                    <li>
                        <a class="thumb"><img src="images/author-01.jpg"></a>
                        <p class="green">孔子 · 书法家</p>
                    </li>
                </ul>
            </div>
        </div>

    </div>
    <!--content end-->
    <!--footer atart-->
    <div id="footer">
        <div class="web_inner">
            <div class="float_l">
                <a href="javascript:;" class="float_l">2005-2018 © All Rights Reserved.</a>
            </div>
            <div class="float_r">
                <a href="javascript:;" class="float_l iconfont icon-iconfontdengluweibode5959"></a>
                <a href="javascript:;" class="float_l iconfont icon-weixin1"></a>
                <a href="javascript:;" class="float_l iconfont icon-qq"></a>
            </div>
            <i class="iconfont icon-huojian scrollTop"></i>
        </div>
    </div>
    <!--footer end-->
</body>
</html>